<div class="bg-success">
 <legend>Relatório Diagnóstico</legend>
    
    Sometimes at wraps multiple lines. The default b to your anchors to avoid this.
  </div>
  <br>
  <button class="btn btn-sm btn-success">
<i class="glyphicon glyphicon-ok-sign"></i>
CONFIRMAR
</button>
  <br><br>
<!-- Nav tabs -->
<ul class="nav nav-tabs">
  <li class="active"><a href="#inicial" data-toggle="tab">Diagnóstico Inicial</a></li>
  <li><a href="#terceiro" data-toggle="tab">Diagnóstico 3º Bimestre</a></li>

</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane " id="inicial">...
<legend>Relatório Diagnóstico Inicial</legend>

                                                
<div class="form-group">
<label class="col-lg-2 control-label" for="textarea-wysihtml5"></label>
                                            <div class="col-lg-10">
                                                <textarea id="textarea-wysihtml5" class="form-control textarea-wysihtml5" placeholder="Enter text..." style="width: 100%; height: 200px"></textarea>
                                            </div>
                                        </div>
  </div>
  <div class="tab-pane" id="terceiro">...
<legend>Relatório Diagnóstico 3º Bimestre</legend>

                                                
<div class="form-group">
<label class="col-lg-2 control-label" for="textarea-wysihtml5"></label>
                                            <div class="col-lg-10">
                                                <textarea id="textarea-wysihtml5" class="form-control textarea-wysihtml5" placeholder="Enter text..." style="width: 100%; height: 200px"></textarea>
                                            </div>
                                        </div>
  </div>
</div>




